/*
 * BasicInput.css
 
 * NOTICE: This stylesheet file contains all style which defined for basic inputs.
 * Each time we need to add a new style for basic input, find the correct zone and add them to
 */
@CHARSET "ISO-8859-1";
.customizedlayout-icon-hint, .customizedlayout-icon-lock, .customizedlayout-icon-error, .customizedlayout-icon-warn, .customizedlayout-icon-hidden, .customizedlayout-icon-edit, .customizedlayout-icon-disable {
    width:16px;
    height:18px;
    position:absolute;
    left:0;
    top:0;
    display:block;
    background:transparent no-repeat 0 2px;
    z-index : 10;
}

.customizedlayout-icon-hint {
    width:20px;
    height:20px;
    background:transparent no-repeat -2px -1px;
    background-image: url(../../images/common/field_hint_icon.png);
}

.customizedlayout-icon-lock {
    background-image: url(../../images/common/input_text_locked.png);
}

.customizedlayout-icon-error {
	background-image: url(../../images/common/input_text_error.png);
}

.customizedlayout-icon-warn,.oxyc-icon-warn {
	background-image: url(../../images/common/input_text_warning.png);
}

.customizedlayout-icon-hidden {
    background-image: url(../../images/common/input_text_invisible.png);
}

.customizedlayout-icon-edit {
    background-image: none;
}

.customizedlayout-msg {
	padding:2px;
    background: transparent no-repeat 0 2px;
    line-height:16px;
    width:200px;
}

.customizedlayout-unit {
	display : block;
	padding-top : 4px;
	position : absolute;
	white-space : nowrap;
	width : auto;
	height : auto;
}

.customizedlayout-unit-dispField {
	display : block;
	padding-top : 2px;
	position : absolute;
	white-space : nowrap;
	width : auto;
	height : auto;
}

/*-------------------------------------------Field Container - END---------------------------------*/
/*****************************************************
* STYLE FOR FIELD'S TEMPLATE IN OXYGENLAYOUT
******************************************************/
/*style for field when it is error*/
.customized-field-error {
    background-color:#fff;
    border:1px solid #c30 !important;
    color:#c30 !important;
    display:inline-block;
    /* For IE 7 */
	zoom: 1;
	*display: inline;
    
}

.customized-field-list-selector-error {
    background-color:#fff;
    color:#c30 !important;
    display:inline-block;
    /* For IE 7 */
	zoom: 1;
	*display: inline;
}

.customized-field-list-selector-error .oxygen-list-container{
	border:1px solid #c30 !important;
}
.field-decorator label{
	font-weight : bold;
}
.customized-field-label-error {
    color:#c30;
}

.oxygen-label-error, .oxygen-section-label-error {
	color:#c30 !important;
}

/*style for field when it is warning*/
.customized-field-warning {
    background-color:#fff;
    border:1px solid orange !important;
    color: orange !important;
    display:inline-block; 
    /* For IE 7 */
	zoom: 1;
	*display: inline;
}

.customized-field-list-selector-warning {
	background-color:#fff;
    color: orange !important;
    display:inline-block; 
    /* For IE 7 */
	zoom: 1;
	*display: inline;
}

.customized-field-list-selector-warning .oxygen-list-container{
	border:1px solid orange !important;
}

.customized-field-label-warning{
    color: orange;
}
.x-form-custom-field-disable {
}
.x-form-custom-field-hidden {
}

.customized-text-field-readonly, .customized-text-field-disabled {
	background-image: url(../../images/common/oxyc_input_disabled_background.png) !important;
}

.customized-text-field-disabled {
	color: #F3F3F3;
}